
<template>
    <div class="common-layout">
        <el-container>
        <el-header>Header</el-header>
        <el-container>
            <el-aside width="200px">
                <!-- 侧边栏 -->
                <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo"
                    @open="handleOpen"
                    @close="handleClose"
                >  
                <el-sub-menu index="1">
                    <template #title>
                        <el-icon><CopyDocument /></el-icon>
                        <span>项目管理</span>
                    </template>
                    <el-menu-item index="1-1" @click="toProject">
                    <el-icon><icon-menu /></el-icon>
                    <span>我的项目</span>
                    </el-menu-item>
                    <el-menu-item index="1-2" @click="toAddProject">
                    <el-icon><icon-menu /></el-icon>
                    <span>新建项目</span>
                    </el-menu-item>
                    <el-menu-item index="1-3">
                    <el-icon><icon-menu /></el-icon>
                    <span>项目审批</span>
                    </el-menu-item>
                    <el-menu-item index="1-4">
                    <el-icon><icon-menu /></el-icon>
                    <span>我的任务</span>
                    </el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="2">
                    <template #title>
                        <el-icon><MessageBox /></el-icon>
                        <span>报表管理</span>
                    </template>
                    <el-menu-item index="2-1">
                    <el-icon><icon-menu /></el-icon>
                    <span>项目报表</span>
                    </el-menu-item>
                    <el-menu-item index="2-2">
                    <el-icon><icon-menu /></el-icon>
                    <span>成员报表</span>
                    </el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="3">
                    <template #title>
                        <el-icon><Printer /></el-icon>
                        <span>加班管理</span>
                    </template>
                    <el-menu-item index="3-1" @click="toWorkTime">
                    <el-icon><icon-menu /></el-icon>
                    <span>加班详情</span>
                    </el-menu-item>
                    <el-menu-item index="3-2" @click="toWorkTimeApprol">
                    <el-icon><icon-menu /></el-icon>
                    <span>加班审批</span>
                    </el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="4">
                    <template #title>
                        <el-icon><Van /></el-icon>
                        <span>出差管理</span>
                    </template>
                    <el-menu-item index="4-1">
                    <el-icon><icon-menu /></el-icon>
                    <span>出差列表</span>
                    </el-menu-item>
                    <el-menu-item index="4-2">
                    <el-icon><icon-menu /></el-icon>
                    <span>出差消费</span>
                    </el-menu-item>
                    <el-menu-item index="4-3">
                    <el-icon><icon-menu /></el-icon>
                    <span>报销申请</span>
                    </el-menu-item>
                    <el-menu-item index="4-4">
                    <el-icon><icon-menu /></el-icon>
                    <span>报销申请</span>
                    </el-menu-item>
                </el-sub-menu>

                    
                </el-menu>
            </el-aside>
            <el-main>
                <!-- 主体 -->
                <router-view></router-view>
            </el-main>
        </el-container>
        </el-container>
    </div>
</template>
<script>
export default{
    data(){
        return{

        }
    },
    methods:{
      toAddProject(){
        this.$router.push({
                name:'addProject'
            })
      },
      toProject(){
        this.$router.push({
            name:'project'
        })
      },
      toWorkTime(){
        this.$router.push({
            name:'workTime'
        })
      },
      toWorkTimeApprol(){
        this.$router.push({
            name:'workTimeApprol'
        })
      }
    }
}
</script>
<style>

</style>
